<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <ui:composition template="structpage/templates/defaultLayoutadmin.xhtml">
        <ui:define name="title">
            <h:outputText value="ChequeTeatinos" />
        </ui:define>
    
        <ui:define name="scriptmenu">
            <script>
                $(document).ready(function() {
                    selectandtitleadmin("#liofertas", "ChequeTeatinos - Ofertas"); 
                });
            </script>               
        </ui:define>
    
        <ui:define name="content">
            <h2><h:outputText value="#{msg.newOffer}"/></h2>        
            <h:form>
                <p:panel id="panel" style="margin-bottom:10px; width: 500px;">
                    <p:messages id="messages" />
                    <h:panelGrid columns="2">
                        <p:outputLabel for="nombre" value="#{msg.name}" /> 
                        <p:inputText id="nombre" value="#{addOfertaBean.nombre}" type="text" required="true">
                            <f:ajax event="blur" render="NombreValidation" />   
                        </p:inputText>

                        <p:outputLabel for="existencias" value="#{msg.stock} " />
                        <p:inputText id="existencias" value="#{addOfertaBean.existencias}" >
                            <f:convertNumber integerOnly="true" type="number" />
                        </p:inputText>
                        
                        <p:outputLabel for="descripcion" value="#{msg.description} " />
                        <p:inputText id="descripcion" type="text" value="#{addOfertaBean.descripcion}"/>
                        
                        <p:outputLabel for="datevalidez" value="#{msg.deadline}" />
                        <p:calendar id="datevalidez" value="#{addOfertaBean.fecha}" showButtonPanel="true" navigator="true"/>
                        
                        <p:outputLabel for="ofertado" value="#{msg.offeredprice}" />
                        <p:inputText id="ofertado" type="text" value="#{addOfertaBean.precioofertado}" required="true" >
                            <f:convertNumber type="number" />
                            <f:ajax event="blur" render="OfertadoValidation" />
                        </p:inputText>
                        
                        <p:outputLabel for="original" value="#{msg.originalprice}" />
                        <p:inputText id="original" type="text" value="#{addOfertaBean.preciooriginal}" required="true" >
                            <f:convertNumber type="number" />
                            <f:ajax event="blur" render="OriginalValidation" />
                        </p:inputText>

                                                
                        <p:outputLabel for="tipo" value="#{msg.type}" />
                        <h:selectOneMenu id="tipo" value="#{addOfertaBean.tipo}">
                            <f:selectItem itemLabel="Alojamiento" itemValue="Alojamiento" />
                            <f:selectItem itemLabel="Ocio" itemValue="Ocio" />
                            <f:selectItem itemLabel="Restaurante" itemValue="Restaurante" />
                        </h:selectOneMenu>
                        
                        
                        <p:outputLabel for="business" value="#{msg.company} " />
                        <h:selectOneMenu id="business" value="#{addOfertaBean.selectedId}">
                            <f:selectItems value="#{empresasBean.empresas}" var="currentEmpresa" itemValue="#{currentEmpresa.id}" itemLabel="#{currentEmpresa.nombre}"/>
                        </h:selectOneMenu>
                    </h:panelGrid>
                </p:panel>        
                <p:commandButton value="#{msg.create}" update="panel" ajax="false" style="margin-right:20px;" actionListener="#{addOfertaBean.crearOferta()}"/>  
                
                <p>
                    <span><h:message for="nombre" styleClass="error" id="NombreValidation"/></span>
                </p>
                <p>
                    <span><h:message for="ofertado" styleClass="error" id="OfertadoValidation"/></span>
                </p>
                <p>
                    <span><h:message for="original" styleClass="error" id="OriginalValidation"/></span>
                </p>
            </h:form>
        </ui:define>
    </ui:composition>
</html>

